<template>
  <div id="app">
    <threedPei :arry="piearray" :innerWidth="640" :innerHeight="320" ></threedPei>

  </div>
</template>

<script>
import threedPei from './components/threedPei.vue'

export default {
    name: 'App',
    components: {
        threedPei
    },
    data(){
        return{
            piearray:[
                
            ],
        }
    },
    mounted(){
        //模拟数据请求
        setTimeout(()=>{
            this.piearray = [
                {
                    name:'正面',
                    value:50,
                    color:"#444999"
                },
                {
                    name:'负面',
                    value:50,
                    color:"#881199"
                },
                {
                    name:'中性',
                    value:90,
                    color:"#FED465"
                }
            ]
        },1000)
        
    },
    methods:{
        
    }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
